@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {

	header .top .box{max-width: 97%;}
	header .top h1{width: 80px; padding-left: 5px;}
	header .top .nav ul li{ margin:0 15px;}
	header .top .nav ul li p a{padding:0 10px;}

	.dlinp .box ul li{float: left; width: 33.25%; }
	
	.dyip .box{max-width: 97%;}
	.derp .box{max-width:  97%;}
	.dliup .left_LG span img{max-width: 85%;}
	.layout{max-width: 97%;}

}

@media screen and (max-width: 980px) {

	header .top{height: 70px;}
	header .top .box{max-width: 97%;}
	header .top h1{ width: 60px;}
	header .top .nav{display: none;}
	header .top .top_r{ margin-top: 15px;}
	header .top .top_r .yuyan{font-size: 14px;}
	header .top .top_r .yuyan i{font-size: 16px;}
	header .top .top_r .yuyan a{width: 50px;}
	header .top .top_r .search_an{width: 40px;}
	header .top .top_r .search_an i{width: 40px;font-size: 16px;}
	header .top .top_r .search{top: 70px;width: 100%;display: none;position: fixed;}
	header .top .top_r .search .input_txt{width: 80%;}
	header .top .top_r .search .input_btn{width: 20%;}
	header .m-btn {display: block;}

	.dlinp .box ul li .vc_r .ps0{ font-size: 14px;}
	.dlinp .box ul li .vc_r .ps01{font-size: 16px; }

	
	.dyip{padding:50px 0;}
	.dyip .box .left-sm{float: left; width: 93%; padding:0 3%; border-right:3px #ee633f solid;}
	.dyip .box .right-sm{float: left; width: 92%; padding: 4% 3%; }

	.derp .box ul li{margin-left:1%; float: left; width: 49%; margin-bottom: 1%; cursor: pointer;}
	.derp .box ul li .kang i{ width: 80px; height:80px; margin: 0 auto; text-align: center ; vertical-align: middle; display: block; transition: all 350ms;}

	.dsanp{padding:55px 0;}
	
	.dwup ul{margin-left:0; }
	.dwup ul li{float: left; width:100%; margin-left:0; margin-bottom:35px; }
	.dwup ul li p{font-size: 14px; line-height: 2;}
		
	.dliup{padding:0 0 28px 0; }
	.dliup .left_LG{float: left; width:100%; }
	.dliup .left_LG span{display: inline-block; width: 24%}
	.dliup .right_sp{float: right; width:100%;margin-top: 25px; }
	.dliup .right_sp iframe{height: 300px;}
	
	.banner_pic .ban_ny{ background: rgba(0,0,0,0.25); position: absolute; bottom: 0; left: 0; padding: 2%; width: 96%;}
	.banner_pic .ban_ny .page-title {font-size: 24px; font-weight: bold; color: #fff;}
	.banner_pic .ban_ny .breadcrumbs{ color: #fff; font-size: 15px; padding: 12px 0;}
	.pos{position: relative; height: 250px;}

	.about .a_pic{float: left;width: 100%;}
	.about .a_pic img{ width: 100%;}
	.about .wp_wrapper{width: 100%;float: left; line-height: 1.75; font-size: 14px;margin-top: 25px; }

	
	.g_PurgeMax .wp_text{ line-height: 1.75; font-size: 14px; padding-top: 20px }

	.liuyan .box .liuyan_box{max-width: 720px;}
	.liuyan .box .input_btn{margin-top: 10px;}

	.banner_ny{margin-top: 50px;}
	.banner_ny .subnav{position: static;}
	.banner_ny ul{text-align: left;}
	.banner_ny li{font-size: 12px;width: 50%;line-height: 40px;text-align: center;border-bottom: 1px solid #EEE;}

	
	.download .Guide_list{float: left; width: 100%;}
	.download .Guide_list h2{font-size: 25px;}
	.download .down_list{float: left; width: 100%; margin-top: 25px;}
	.download .down_list h3{font-size:  25px;}
		
	.contact_l{width:100%;float: left; font-size: 15px; line-height: 32px; margin-top: 0;}
	.contact_r{width: 100%;float: left;margin-top: 15px;}

	
}

@media screen and (max-width: 760px) {
	
	header .top .top_r{ width: 20%; }
	
	.dlinp .box ul{width: 100%; position:static;display: inline-block;}
	.dlinp .box ul li{float: left; width: 100%; border-right: none; padding: 15px 0}
	.dlinp .box ul li .vc_r .ps0{color: #f4f8fb; font-size: 16px;}
	.dlinp .box ul li .vc_r .ps01{color: #fff; font-size: 19px; font-weight: 500;}
	
	.con{ padding:30px 5%;}

	.about .pic{float: none;width: 100%;}
	.about .about_r{width: 100%;float: none;padding-top: 0px;}

	.bt_title{font-size: 18px;padding-bottom: 15px;}
	
	.distributor ul{margin-left:0%;}
	.distributor ul li{width: 100%; margin-left:0;margin-bottom:5%;}
	.distributor ul li .jx_texts h2{font-size: 20px; padding-bottom: 12px;}
	.distributor ul li .jx_texts .wpbs{font-size: 12px; line-height: 25px;}
	
	.request .req_box{float: left; width: 100%; overflow: hidden;}
	.request .req_detail{float: left; width: 100%; }
	
	.products .pro_tu{float: left;width: 95%;padding:0 2%; font-size: 14px;}
	.products .pro_column{float: right; width: 100%; margin-top: 18px;}
	
	#scrollDiv{float:left; width:100%; }  
	#showArea{ width:100%; float:right; margin-top: 18px;}



}